<template>
  <d2-container>
    <el-row :gutter="20">
      <el-col :span="12">
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>通知报告</span>
            <el-button style="float: right; padding: 3px 0" type="text">查看更多</el-button>
          </div>
          <div class="text item">
            新增检测任务
          </div>
        </el-card>
      </el-col>
      <el-col :span="12">
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>代办事项</span>
            <el-button style="float: right; padding: 3px 0" type="text">查看更多</el-button>
          </div>
          <div class="b-content clearfix">
            <el-col :span="6">
              <el-badge :value="1" class="item-t">
                <el-button size="small">业务受理</el-button>
              </el-badge>
            </el-col>
            <el-col :span="6">
              <el-badge :value="0" class="item-t">
                <el-button size="small">记录编制</el-button>
              </el-badge>
            </el-col>
            <el-col :span="6">
              <el-badge :value="0" class="item-t">
                <el-button size="small">记录审核</el-button>
              </el-badge>
            </el-col>
            <el-col :span="6">
              <el-badge :value="0" class="item-t">
                <el-button size="small">证书编制</el-button>
              </el-badge>
            </el-col>
            <el-col :span="6">
              <el-badge :value="0" class="item-t">
                <el-button size="small">证书审核</el-button>
              </el-badge>
            </el-col>
          </div>
        </el-card>
      </el-col>
    </el-row>
  </d2-container>
</template>

<script>
export default {
  name: 'main-home'
}
</script>
<style>
.b-content {
  overflow: hidden;
}
.b-content .el-col{
  margin-top:20px;
}
</style>
